<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<style type="text/css">
.tab-content { padding: 1em;}
p { text-indent: 2em;}
</style>

<div class="container">
<div class="row">
	<ul class="nav nav-tabs" id="announcementTab">
	  <li class="active"><a href="#app">App使用</a></li>
	  <li><a href="#lotteries">现场抽奖</a></li>
	  <!--<li><a href="#votes">节目投票</a></li>-->
	</ul>
	<div class="tab-content">
		<div class="tab-pane active" id="app">
			<div>
				<dl>
					<dt>用户名</dt>
					<dd>大家的全名</dd>
				</dl>
				<dl>
					<dt>密码</dt>
					<dd>自行设置, 密文保存</dd>
				</dl>
				<dl>
					<dt>昵称</dt>
					<dd>希望大家修改为姓名，可自由修改</dd>
				</dl>
				<dl>
					<dt>祝福内容</dt>
					<dd>字数介于5~140个字符。</dd>
				</dl>
				<dl>
					<dt>点赞/点踩</dt>
					<dd>每位同学可以对任意一条评论最多点一次赞/踩</dd>
				</dl>
				<dl>
					<dt>评论上墙</dt>
					<dd>
					1、每个人发布的评论实时显示，每条停留5秒；<br />
					2、当有多人同时发布评论出现排队时，对值（V=被赞数-被踩数）进行降序排序，V值相同的按发布时间降序排序；<br />
					3、已在大屏幕上显示过的且未在队列中的评论，如果被点“赞”或“踩”后，将重新回到队列中，并按规则2排序显示；<br />
					4、当没人发布评论，也没有评论被点“赞”或“踩”，且此时队列为空时，将从所有评论中随机抽取一条显示。
</dd>
				</dl>
			</div>
		</div>
		
		<div class="tab-pane" id="lotteries">
			<div>
				<h4>奖项设置</h4>
				<ul>
					<li>一等奖  1名</li>
					<li>二等奖  2名</li>
					<li>三等奖  3名</li>
				</ul>
			</div>
			<div>
				<h4>抽奖规则</h4>
				<ul>
					<li>取每位同学所发布评论中被点赞次数最多的进入抽奖池</li>
					<li>抽奖池中每个条评论的权值公式：<p class="text-center"><img src="resources/images/lottery-rule1.jpg" /><p>权值越大，抽中的概率越大</li>
					<li>已中奖者的评论不能再进入抽奖池</li>
					<li>循环滚动抽奖池中的评论，被选中的评论的发布者即为中奖者</li>
				</ul>
			</div>
		</div>
	</div>
</div>
</div>

<script type="text/javascript">
$(function() {
	$('#announcementTab a').click(function (e) {
  		e.preventDefault();
  		$(this).tab('show');
	});
	
	$('.collapse').collapse();
});
</script>
